@media all and (max-width:1680px){.font-72{font-size:3.875rem}
.font-60{font-size:3.25rem}
.font-48{font-size:2.625rem}
.font-42{font-size:2.25rem}
.w1600{width:94%}
.home-about .content ul li{padding:60px 0 36px}
.home-about .content ul li h3{font-size:100px;line-height:100px}
.product-list ul>li{margin-bottom:20px}
.product-page .content .page-container .img{height:660px}
.product-page .content1 .tab-content{padding:60px 80px}
header .head-nav ul>li{margin:0 24px}}@media all and (max-width:1480px){.w1400{width:94%}
header{padding:0 2%}
.home-about .content ul li{padding:48px 0 36px}
.home-about .content ul li h3{font-size:90px;line-height:90px}
.home-adv .content .img{margin-right:70px}
.product-list ul>li{margin-bottom:100px}
.product-page .content .page-container .img{height:580px}
.product-page .content1 .tab-content{padding:40px 60px}
.case-page .carousel{padding:0 70px}
.hot-news ol li .img{height:600px}
.home-merchants .content .img{width:440px;height:440px}
.home-merchants .content ul li:nth-child(2){left:6%}
.home-merchants .content ul li:nth-child(3){left:14%}
.home-merchants .content ul li:nth-child(4){left:20%}
.home-merchants .content ul li:nth-child(5){right:20%}
.home-merchants .content ul li:nth-child(6){right:14%}
.home-merchants .content ul li:nth-child(7){right:6%}
.home-product ul li a{height:150px}}@media all and (max-width:1400px){.font-72{font-size:3.25rem}
.font-60{font-size:2.625rem}
.font-36{font-size:1.875rem}
.font-32{font-size:1.75rem}
.font-30{font-size:1.625rem}
.font-24{font-size:1.25rem}
.font-48{font-size:2.25rem}
.font-42{font-size:2.125rem}
.font-18{font-size:1rem}
.home-about .content ul li{padding:46px 0 30px}
.home-about .content ul li h3{font-size:80px;line-height:80px}
.home-adv .content .img{margin-right:50px}
footer .foot-nav ul li{margin-right:50px}
.product-list ul>li{margin-bottom:60px}
.product-list ul>li .text{padding-left:30px}
.strength-page .desc{width:90%}
.strength-page .content1 .text,.strength-page .content3 .text{padding:60px}
.strength-page .content1 .text ol li h4 i,.strength-page .content3 .text ol li h4 i{font-size:62px}
.strength-page .content1 .text div p,.strength-page .content3 .text div p{width:80%}
.strength-page .content2 .carousel ol{width:200px}
.strength-page .content2 .carousel .item .img{height:520px}
.strength-page .content2 .carousel .item .info{width:48%}
.merchants-page .content1 ol li .item{height:260px}
.merchants-page .content1 ol li .item h3 i{font-size:66px;line-height:66px}
.merchants-page .content2 .case-container ul li .item .text{padding:40px 20px 40px 40px}
.merchants-page .content4{height:500px}
.activity-list ol li .item .text{padding:0 40px}
.activity-list ol li .item .img{height:520px}
.about-page .content1 .album3 .info3 a{margin-top:8%}
.home-merchants .content{height:700px}
.home-store{height:800px}
.home-store::before{background-size:80%}
.install-page .section1 ul li .text{text-align:center}
.install-page .section1 ul li .text p{display:inline}}@media all and (max-width:1280px){header .head-nav ul>li{margin:0 16px}
.home-adv .content .img{margin-right:36px}
footer .foot-nav ul li{margin-right:36px}
.product-page .content .page-container .img{height:500px}
.product-page .content1 .tab-content{padding:30px}
.merchants-page .content1 ol li .item{height:240px}
.merchants-page .content1 ol li .item h3 i{font-size:48px;line-height:48px}
.hot-news ol li .img{height:520px}
.w1200{width:94%}
.install-page .section2 .title img{width:80px}}@media all and (max-width:1180px){header .head-nav ul>li{margin:0 12px}
.about-page .content3 .info{align-items:center}}@media all and (max-width:992px){#container{padding-top:56px !important}
.font-72{font-size:2.75rem}
.font-60{font-size:2.375rem}
.font-42{font-size:1.75rem}
.font-36{font-size:1.75rem}
.font-32{font-size:1.625rem}
.font-30{font-size:1.5rem}
.font-24{font-size:1.25rem}
.font-20{font-size:1.125rem}
.font-48{font-size:2rem}
.font-18{font-size:1rem}
.font-16{font-size:.9375rem}
header{background:#fff !important}
header .head-nav{height:56px !important}
header .head-nav .logo img{height:38px}
header .head-nav .logo .logo-img{display:none !important}
header .head-nav .logo .h-logo-img{display:block !important}
footer .foot-nav{border-bottom:none;flex-direction:column}
footer .contact{flex-direction:column}
footer .contact li{margin-bottom:20px}
footer .contact li p{color:rgba(255,255,255,0.4)}
.home-news .news-title{flex-direction:column;align-items:center !important}
.home-news .news-title h2{text-align:center}
.pro-position ol{height:50px}
.pagenav-son>div{align-items:flex-start !important;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap !important;justify-content:flex-start !important}
.pagenav-son>div a{flex:1 0 auto}
.solution-page .info .title{flex-wrap:wrap}
.solution-page .info .title .img{width:100%}
.solution-page .info .title .text{width:100%}
.home-about .content{flex-wrap:wrap}
.home-about .content .text{width:100%}
.ho-h2 h2{height:46px}
.home-product ul li a{height:50px}
.home-product .product-container .sub-btn .btn-width{border-bottom:none}
.home-product .product-container .sub-btn .title::before{content:none}
.product-pagination span{background:#fff}
.home-adv .content .img{margin-right:0}
.home-adv .content ul li{padding:30px 0}
.home-merchants .content{height:auto}
.home-merchants .content .img{position:relative;width:370px;height:370px}
.home-merchants .content .img img{width:100%;height:100%}
.home-merchants .content .img .text{width:370px;height:370px}
.home-merchants .content ul{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 0}
.home-merchants .content ul li{position:relative;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;animation:none !important;margin:8px 0}
.home-store{height:auto;background:none}
.home-store::before{content:none}
.home-store .content{position:relative}
.home-store form{width:100%}
.home-store form select{width:100%}
.home-store form button{width:100%}
.home-news .content .news-item{padding-left:0}
.home-news .news-pagination span{margin:0 1px}
.home-news .content .news-item ul li .text{width:100%}
footer .contact{align-items:flex-start !important;flex-direction:row !important;justify-content:space-between !important}
footer .contact .text-end{text-align:left !important}
.product-list ul>li{flex-direction:column;margin-bottom:40px}
.product-list ul>li .text{width:100%;padding:0;text-align:center}
.product-list ul>li .text h4{width:100%}
.product-list ul>li .text .product-title ol{display:flex;justify-content:center}
.product-list ul>li .text .product-title ol li a{margin:0 10px}
.product-list ul>li .text .product-title ol li a::before{content:none}
.product-list ul>li .text .product-title ol li:hover a,.product-list ul>li .text .product-title ol li.active a{padding-left:0}
.product-list ul>li .banner-carousel{width:100%}
.product-list ul>li:nth-child(even){flex-direction:column}
.product-page .content .desc .info a{width:160px;height:40px}
.product-page .content1 .tab-content{padding:16px}
.page-position a{width:100%;text-align:right}
.case-page{padding-bottom:60px;flex-direction:column}
.case-page .carousel{position:relative;width:100%;left:auto;top:auto;bottom:auto;padding:0 20px;height:460px}
.case-page .text{width:100%}
.strength-page .content1 .text,.strength-page .content3 .text{padding:24px;flex-direction:column}
.strength-page .content1 .text h3,.strength-page .content3 .text h3{text-align:center}
.strength-page .content1 .text div p,.strength-page .content3 .text div p{text-align:center}
.strength-page .content1 .text ol,.strength-page .content3 .text ol{width:100%;flex-direction:column;align-items:center;margin-top:20px}
.strength-page .content1 .text ol li,.strength-page .content3 .text ol li{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:16px}
.strength-page .content1 .text ol li h4 i,.strength-page .content3 .text ol li h4 i{font-size:48px}
.strength-page .content1 .text div p,.strength-page .content3 .text div p{width:100%}
.strength-page .content1 .content1-pagination span,.strength-page .content3 .content1-pagination span{background:#fff}
.strength-page .content2 .carousel{flex-direction:column}
.strength-page .content2 .carousel ol{width:100%;display:flex;align-items:flex-start;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap !important;justify-content:flex-start !important;padding-bottom:16px}
.strength-page .content2 .carousel ol::before{content:none}
.strength-page .content2 .carousel ol li{flex:1 0 auto;width:25%;padding-left:0}
.strength-page .content2 .carousel ol li h5{text-align:center}
.strength-page .content2 .carousel ol li::before{content:none}
.strength-page .content2 .carousel ol li.active h5{color:#11216c}
.strength-page .content2 .carousel .item{flex-direction:column}
.strength-page .content2 .carousel .item .img{width:100%;height:360px}
.strength-page .content2 .carousel .item .info{width:100%;margin-top:20px}
.strength-page .content2 .carousel .item span{font-size:48px}
.strength-page .content2 .carousel .content2-container{width:100%}
.merchants-page .content1{background-size:cover}
.merchants-page .content1 ol{padding:20px 0}
.merchants-page .content1 ol li{margin:10px 0}
.merchants-page .content1 ol li .item{height:auto}
.merchants-page .content1 ol li .item h3{line-height:48px;font-size:40px}
.merchants-page .content1 ol li .item h3 i{font-size:40px}
.merchants-page .adaptation{flex-direction:column}
.merchants-page .adaptation .text{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.merchants-page .adaptation .chart{margin-top:20px;width:100%;align-items:flex-start}
.merchants-page .content2 .case-container ul li .item .text{padding:18px}
.merchants-page .content4{height:auto}
.merchants-page .content4 .need{position:relative;bottom:auto;left:auto;right:auto;margin-top:30px}
.merchants-page .content4 .need li .item{height:280px}
.merchants-page .content4 .need li .item .img{height:60px}
.merchants-page .content4 .contact-font .icon{color:#fff}
.merchants-page .content4 .contact-font h4,.merchants-page .content4 .contact-font h3{color:#fff}
.merchants-page .content5{padding-top:24px}
.merchants-page .content5 .adaptation{flex-direction:column}
.merchants-page .content5 .adaptation .title{width:100%}
.merchants-page .content5 .adaptation .title h2,.merchants-page .content5 .adaptation .title p{text-align:center}
.hot-news ol li .img{height:360px}
.news-list ul li .item{flex-direction:column}
.news-list ul li .item .img{width:100%;padding-top:60%;height:0}
.chairman-page .chair-title img{width:40px}
.culture-page .content1 .info{height:400px}
.culture-page .content1 .info img{position:absolute;top:0;left:0;right:0;bottom:0;min-width:auto;min-height:auto;width:100%;height:100%;transform:none;transition:transform .5s ease;object-fit:cover;max-height:100%}
.jzg-container ol li .img{position:relative;height:360px;overflow:hidden}
.jzg-container ol li .text{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:space-between;flex-direction:column;z-index:2}
.jzg-container ol li .text::before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.3);transition:.5s;z-index:-1}
.jzg-container ol li .text .desc{line-height:30px}
.activity-list ol li{margin-bottom:24px}
.activity-list ol li .item{flex-direction:column !important}
.activity-list ol li .item .img{width:100%;height:auto}
.activity-list ol li .item .img img{position:relative;width:100%;display:block}
.activity-list ol li .item .text{width:100%;padding:20px 0 0}
.position-page .break .breadcrumb{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow-y:hidden;flex-wrap:nowrap;overflow-x:auto;box-sizing:border-box}
.position-page .break .breadcrumb li{flex:1 0 auto}
.video-list .video-title ol{width:100%;justify-content:space-between}
.join-list .title{height:50px}
.join-list ul li .name{height:50px}
.about-page .content1 .info{flex-direction:column}
.about-page .content1 .info h3{width:100%;text-align:center;margin-bottom:14px}
.about-page .content1 .info .details{border-left:none}
.about-page .content1 .album1 .info1{top:0;width:100%;right:0;padding:30px}
.about-page .content1 .album1 .info1 h2{text-align:center}
.about-page .content4 .course ul li .item{flex-direction:column}
.about-page .content4 .course ul li .item .img{width:100%;padding-top:60%}
.about-page .content4 .course ul li .item .text{width:100%;margin-top:30px}
.about-page .content4 .course ul li .item .text .desc{height:200px}
.about-page .content3 .info{flex-direction:column}
.about-page .content3 .desc{text-align:center;margin-top:20px !important}
.about-page .content3 .desc h4{text-align:center !important}
.about-page .content3 .desc>div{text-align:center !important}
.about-page .content1 .album3{height:500px}
.about-page .content1 .album3 img{position:absolute;top:0;left:0;right:0;bottom:0;min-width:auto;min-height:auto;width:100%;height:100%;transform:none;transition:transform .5s ease;object-fit:cover;max-height:100%}
.about-page .content1 .album3 .info3 .title{margin-top:24px}
.about-page .content1 .album3 .info3 a{margin-top:20px;width:160px;height:40px}
.merchants-page .content5 form button{width:100%;height:46px}
.home-about .content ul{width:100%;margin-left:0;padding:0 3%}
.home-about .content ul li{margin-bottom:0;padding-left:2%;padding-right:2%;overflow:hidden}
.home-about .content ul li::before{left:0}
.home-about .content ul li:hover::before{width:100%}
.home-adv .content ul li .img{width:40px;height:40px}
.home-adv .content ul li .img img{max-width:100%;max-height:100%}
.strength-page .desc{width:100%;text-align:left !important;line-height:28px}
.install-page .section1 ul{flex-wrap:wrap}
.install-page .section1 ul li{width:100%;display:flex;background:#f4f4f4;align-items:center;margin-bottom:24px}
.install-page .section1 ul li .img{width:50%}
.install-page .section1 ul li .img span{left:auto;right:-22px;bottom:0;top:0}
.install-page .section1 ul li .text{width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px}
.install-page .section1 ul li .text p{font-size:14px}
.install-page .section8 ul li h4{width:100px;height:40px;border-radius:20px;font-size:16px}
.position{height:50px}}@media all and (max-width:768px){footer{padding-bottom:50px}
.product-list ul>li .banner-carousel .img{padding-top:60%;height:0}
.contact-page .info{width:100%}
.merchants-page .content2 .case-container ul li .item{min-height:400px}
.merchants-page .content3 .adv-container ul li .item{min-height:600px}
.about-page .content1 .text{text-align:left !important;line-height:26px}
.about-page .content3 .desc h4{text-align:left !important;font-size:18px;color:#333}
.about-page .content3 .desc>div{text-align:left !important;color:#666;line-height:26px}
.about-page .content1 .info .details h5{font-size:18px;color:#333}
.about-page .content1 .info .details p{color:#666;line-height:26px}
.home-news .content .news-item ul li a .text{width:100%}
.contact-page .info .link span{background:#11216c}
.about-page .content2 .honor-top{top:-10px}
.font-72{font-size:1.875rem}
.font-42{font-size:1.5rem}
.font-60{font-size:1.75rem}
.font-36{font-size:1.25rem}
.font-32{font-size:1.25rem}
.font-30{font-size:1.125rem}
.font-24{font-size:1.125rem}
.font-20{font-size:1rem}
.font-48{font-size:1.75rem}
.font-14{font-size:12px}
.install-page .section8 ul{flex-wrap:wrap;justify-content:space-evenly}
.install-page .section8 ul li{width:27%;margin-bottom:2%}}@media all and (max-width:576px){.honor-list ul li .item .img{height:260px}
.contact-page .content .map{width:100%;height:320px}
.message form .btn-1{width:100%}
.product-page .content .page-container .img{padding-top:60%;height:0}
.solution-list ul li .item .img{height:300px}
.solution-list ul li .item .text{transform:translateY(-16px)}
.solution-list ul li .item:hover .text{transform:translateY(-26px)}
.hot-news ol li .img{height:0;padding-top:65%}
.hot-news ol li .text{width:74%}
.hot-news .carousel-info .news-pagination{font-size:30px}
.hot-news .carousel-info .news-pagination .swiper-pagination-current{font-size:48px}
.news-detail-footer{flex-direction:column}
.news-detail-footer p{line-height:36px}
.about-page .content2 .honor-container ul .swiper-slide .img{height:160px}
.install-page .section2 .title img{width:50px}
.install-page .section6 ol li .item .img{height:160px}
.install-page .section6 ol li .item h5{font-size:14px}
.install-page .section6 ul li span{width:130px;height:36px;font-size:14px}
.install-page .section5{background:url(../images/install/m-safety-bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;background-position:center center}
footer .copyright>div>div{flex-direction:column;align-items:center;line-height:22px;width:100%}
.about-page .content4 .course ul li .item h3{font-size:40px}
.strength-page .content3 ul li .item .info{position:relative;left:auto;top:auto;right:auto;bottom:auto;background:#f5f5f5}
.strength-page .content3 ul li .item .info .title{margin-bottom:24px}
.strength-page .content3 ul li .item .info .title h3{color:#11216c}
.strength-page .content3 ul li .item .info .title p{color:#666}
.strength-page .content3 ul li .item .info .introduce{font-size:14px}
.strength-page .content3 ul li .item .info .introduce p{color:#999}
.about-page .content4 .gallery-top{background:#fff}
.about-page .content4 .course .gallery-thumbs .swiper-slide-thumb-active h3{font-size:20px}
.about-page .content4 .course::before{bottom:54px}
.about-page .content4 .course .course-next{top:0;width:40px;height:40px}
.strength-page .content2 .carousel .item .info .introduce{line-height:24px}
.news-list ul li .item .text p{line-height:24px;height:48px}
.video-list ul li .item .img{height:0;padding-top:65%}}
/*# sourceMappingURL=./style_devices.css.map*/